<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge" />
    <title>Document</title>
  </head>

  <body>
    <div id="app"></div>

    <script>
      //什么情况下使用promise
      // 一般情况下是有异步操作时
      // new->构造函数（1.保存了一些状态信息 2.执行传入的函数)
      // 在执行传入的回调函数时，会传入两个参数，resolve reject。它们本身又是函数

      new Promise((resolve, reject) => {
        setTimeout(() => {
          //成功的时候调用resolve
          //resolve('hello world'); //传递数据helloworld 给resolve

          //失败的时候调用reject
          reject('net error');
        }, 1000);
      })
        .then(data => {
          console.log(data);
        })
        .catch(msg => {
          console.log(msg);
        });
    </script>
  </body>
</html>
